
<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>供应商管理</title>

    <link rel="shortcut icon" th:href="@{/assets/media/image/favicon.png}"/>

    <!-- Plugin styles -->
    <link rel="stylesheet" th:href="@{/vendors/bundle.css}" type="text/css">

    <!-- Datepicker -->
    <link rel="stylesheet" th:href="@{/vendors/datepicker/daterangepicker.css}">

    <!-- Vmap -->
    <link rel="stylesheet" th:href="@{/vendors/vmap/jqvmap.min.css}">

    <!-- App styles -->
    <link rel="stylesheet" th:href="@{/assets/css/app.css}" type="text/css">
</head>
<body class="container">
<!--自定义宽度-->
<!-- begin::preloader-->
<div class="preloader">
    <div class="preloader-icon"></div>
</div>
<!-- end::preloader -->

<!-- begin::header -->
<div th:replace="~{commons/header :: header}"></div>
<!-- end::header -->

<!-- begin::main -->
<div id="main">

    <!-- begin::navigation -->
    <div th:replace="~{commons/navigation :: navigation}"></div>
    <!-- end::navigation -->

    <!-- begin::main-content -->
    <div class="main-content">

        <!-- begin::page content -->
        <div class="container-fluid">

            <div class="row">
                <div class="col-md-12 card">
                    <div class="row anno">
                        <img th：src="@{/image/anno.png}">
                        供应商年度评价
                    </div>
                    <div class="table-responsive" th:each="item,map:${monthScoreMap}">
                        <div  style="text-align:center;font-size: 18px;font-family: '黑体';" th:text="${map.current.key}">分公司1评价详情</div>
                        <table class="table table-bordered text-center">
                            <thead>
                            <tr >
                                <th scope="col">1月</th>
                                <th scope="col">2月</th>
                                <th scope="col">3月</th>
                                <th scope="col">4月</th>
                                <th scope="col">5月</th>
                                <th scope="col">6月</th>
                                <th scope="col">7月</th>
                                <th scope="col">8月</th>
                                <th scope="col">9月</th>
                                <th scope="col">10月</th>
                                <th scope="col">11月</th>
                                <th scope="col">12月</th>
                                <th scope="col">总评分</th>
                                <th scope="col">评级</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td th:text="${map.current.value.get('1')}">80</td>
                                <td th:text="${map.current.value.get('2')}">80</td>
                                <td th:text="${map.current.value.get('3')}">80</td>
                                <td th:text="${map.current.value.get('4')}">80</td>
                                <td th:text="${map.current.value.get('5')}">80</td>
                                <td th:text="${map.current.value.get('6')}">80</td>
                                <td th:text="${map.current.value.get('7')}">80</td>
                                <td th:text="${map.current.value.get('8')}">80</td>
                                <td th:text="${map.current.value.get('9')}">80</td>
                                <td th:text="${map.current.value.get('10')}">80</td>
                                <td th:text="${map.current.value.get('11')}">80</td>
                                <td th:text="${map.current.value.get('12')}">80</td>
                                <td th:text="${map.current.value.get('sum')}">85</td>
                                <td th:if="${map.current.value.get('sum')<60}">D</td>
                                <td th:if="${map.current.value.get('sum')>=60 && map.current.value.get('sum')<75}">C</td>
                                <td th:if="${map.current.value.get('sum')>=75 && map.current.value.get('sum')<90}">B</td>
                                <td th:if="${map.current.value.get('sum')>=90}">A</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>

                </div>
            </div>

        </div>
        <!-- end::page content -->

        <!-- begin::footer -->
        <footer>
            <div class="container-fluid">
                <div>© 2019 Protable v1.0.0 Made by <a href="http://bootstrapmb.com">Laborasyon</a></div>
                <div>
                    <nav class="nav">
                        <a href="" class="nav-link">Licenses</a>
                        <a href="#" class="nav-link">Change Log</a>
                        <a href="#" class="nav-link">Get Help</a>
                    </nav>
                </div>
            </div>
        </footer>
        <!-- end::footer -->

    </div>
    <!-- end::main-content -->

</div>
<!-- end::main -->

<div th:include="~{commons/scripts :: scripts}"></div>

<!-- App scripts -->
<script th:src="@{/assets/js/app.js}"></script>

</body>

</html>